<div class="layui-fluid layui-layout-admin">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend class="title"></legend>
    </fieldset>

    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">角色名</label>
            <div class="layui-input-inline">
                <input type="text" name="name" autocomplete="off" placeholder="请输入角色名" class="layui-input" value="">
            </div>
        </div>

        <div class="layui-form-item">
        	<div class="layui-input-block">
        		<div class="layui-footer">
					<input type="hidden" name="id" value="0" />
					<input type="hidden" name="list_table_name" value="role-list" />
					<button class="layui-btn" lay-submit lay-filter="LAY-send-submit">立即提交</button>
				</div>
			</div>
        </div>
    </form>
</div>
<script type="text/html" template lay-done="layui.data.sendParams(d.params)">
</script>

<script >
	layui.data.sendParams = function(params){
		
		layui.use(['form'], function() {
			let $ = layui.jquery;
			$(".layui-form").attr('action', layui.setter.API_HOST + 'admin/role/save')
			let _role_id = params.id | 0;
			$(".title").text((_role_id > 0 ? '编辑' : '添加') + '角色');
			
			if (_role_id) {
				let _index = layer.load();
				layui.admin.req({
					url: layui.setter.API_HOST + 'admin/role/save',
					data: {
						id: _role_id
					},
					done: function(res) {
						console.log(res);
						layer.close(_index);
						if (res.code == 0) {
							$("input[name='name']").val(res.data.name);
							$("input[name='id']").val(res.data.id);
						} else {
							layer.msg('请求失败', {icon: 5})
						}
					}
				});
			}
		})
	}
</script>